<template>
  <div>
    <ul>
      <li v-for="item in list" :key="item.date">
          <p>
            评论人： {{item.name}}
          </p>
           <p>
             评论时间： {{item.date}}
          </p>
           <p>
            评论内容： {{item.text}}
          </p>
      </li>
    </ul>
  </div>


</template> 

<script>
export default {
  data() {
    return {
      list:[]
    }
  },
  mounted() {
    // 接受pub传来的数据
    this.$bus.$on("sendInfo", (info) => {
      // 将传递过来的 this.info的值 给 本组件中的list
      this.list.push(info)  
      console.log(this.list)
      
    })
  },
}
</script>

<style>

</style>